The letters in the right image should be crisp and non-blurry like the letters in the left image.<p>
<canvas></canvas>
<img id="result">

<script>
if (window.testRunner)
    testRunner.waitUntilDone();

var image = new Image();
image.onload = function() {
    var canvas = document.querySelector('canvas');
    canvas.width = this.width;
    canvas.height = this.height;
    var ctx = canvas.getContext('2d')
    ctx.drawImage(canvas, 0, 0);
    // setTimeout creates a frame barrier that locks the canvas into gpu
    // acceleration mode when running under virtual/gpu
    setTimeout(() => {
      ctx.drawImage(this, 0, 0);
      result.src = canvas.toDataURL('image/jpeg', 1.0);
      document.body.style.zoom = 1.3;
      if (window.testRunner)
        testRunner.notifyDone();
    }, 0);
};

image.src = "resources/letters.png";
</script>
